<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>商城</title>
    <link rel="stylesheet" type="text/css" href="../css/work item.css" />
</head>
<body>
    <header class="header">
        <div class="top">
            <span>欢迎光临！</span>
            <div class="topright">
                <a href="#">登录</a>
                <a href="#">注册</a>
            </div>
        </div>
        <div class="button1">
            <input type="text" placeholder="预售好物抢先订" />
            <input type="button" value="搜索" ">
        </div>
    </header>
    <nav class="nav">
        <ul>
            <li>
                <a href="#">运动</a>
                <ul>
                    <li><a href="#">篮球鞋</a></li>
                    <li><a href="#">板鞋</a></li>
                    <li><a href="#">运动休闲鞋</a></li>
                    <li><a href="#">跑步鞋</a></li>
                </ul>
            </li>
            <li>
                <a href="#">洗护</a>
                <ul>
                    <li><a href="#">男士剃须</a></li>
                    <li><a href="#">口腔清洁</a></li>
                    <li><a href="#">洗衣护理</a></li>
                    <li><a href="#">清洁工具</a></li>
                </ul>
            </li>
            <li>
                <a href="#">食品</a>
                <ul>
                    <li><a href="#">健康轻食品</a></li>
                    <li><a href="#">糖果</a></li>
                    <li><a href="#">零食大礼包</a></li>
                    <li><a href="#">方便面</a></li>
                </ul>
            </li>
            <li>
                <a href="#">女装</a>
                <ul>
                    <li><a href="#">连衣裙</a></li>
                    <li><a href="#">T恤</a></li>
                    <li><a href="#">休闲裤</a></li>
                    <li><a href="#">时尚套装</a></li>
                </ul>
            </li>
            <li>
                <a href="#">手机</a>
                <ul>
                    <li><a href="#">苹果</a></li>
                    <li><a href="#">小米</a></li>
                    <li><a href="#">华为</a></li>
                    <li><a href="#">三星</a></li>
                </ul>
            </li>
            <li><a href="#">京东家电</a></li>
            <li><a href="#">京东超市</a></li>
            <li><a href="#">京东生鲜</a></li>
        </ul>
        <div class="pic">
            <img src="../img/狗.jpeg" alt="">
        </div>
    </nav>

    <div class="con">
        <div class="left">服装</div>
        <div class="item">
            <h4>2022夏季休闲裤男潮流束脚宽松运动冰丝男士新款薄款速干九分裤</h4>
            <h5 style="">送运费险</h5>
            <img src="../img/裤子.webp" alt="">
            <a class="morebtn" href="#">加入购物车</a>
            <h6><del>原价：￥89</del></h6>
            <h6>现价：￥69</h6>
        </div>
        <div class="item">
            <div class="item">
                <h4>防晒衣男夏季超薄透气皮肤衣男士韩版修身防晒服潮流帅气外套</h4>
                <h5 style="">送运费险</h5>
                <img src="../img/外套.webp" alt="">
                <a class="morebtn" href="#">加入购物车</a>
                <h6><del>原价：￥79</del></h6>
                <h6>现价：￥9.9</h6>
            </div>
        </div>
        <div class="info">
            <h3>生活用品</h3>
        </div>
        <div class="con">
            <div class="item">
                <h4>日本进口缝隙收纳架厨房置物架冰箱夹缝车</h4>
                <h5 style="">送运费险</h5>
                <img src="../img/冰箱.webp" alt="">
                <a class="morebtn" href="#">加入购物车</a>
                <h6><del>原价：￥199</del></h6>
                <h6>现价：￥125</h6>
            </div>
            <div class="item">
                <h4>加厚304不锈钢家用牛肉锤牛排锤子猪排肉松</h4>
                <h5 style="">送运费险</h5>
                <img src="../img/锤子.webp" alt="">
                <a class="morebtn" href="#">加入购物车</a>
                <h6><del>原价：￥999</del></h6>
                <h6>现价：￥9999</h6>
            </div>
        </div>
        <div class="get">
            <h3>鞋/女鞋/男鞋</h3>
        </div>
        <div class="con">
            <div class="item">
                <h4>PUNA Cali Nubuck 彪马女鞋板鞋休闲运动鞋 赛琳娜同款</h4>
                <h5 style="">送运费险</h5>
                <img src="../img/鞋子.webp" alt="">
                <a class="morebtn" href="#">加入购物车</a>
                <h6><del>原价：￥899</del></h6>
                <h6>现价：￥999</h6>
            </div>
            <div class="item">
                <h4>正品耐克 Nike Air Force 1定制空军一号 De Lo Mio鸳鸯男女板鞋</h4>
                <h5 style="">送运费险</h5>
                <img src="../img/男鞋.webp" alt="">
                <a class="morebtn" href="#">加入购物车</a>
                <h6><del>原价：￥899</del></h6>
                <h6>现价：￥99</h6>
            </div>
        </div>
        <footer class="footer">
            <div class="linkbox">
                <h4>友情链接</h4>
                <ul>
                    <li><a href="http://jingdong.com">京东网</a></li>
                </ul>
            </div>
            <div class="linkbox">
                <h4>版权声明</h4>
                <ul>
                    <li><a href="#">网站商品纯属娱乐，切勿当真！</a></li>
                </ul>
            </div>
        </footer>
</body>
</html>